<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0065)http://www.hibona.cn/index.php?m=content&c=index&a=lists&catid=14 -->
<html xmlns="http://www.w3.org/1999/xhtml" style="" class="csstransforms csstransforms3d csstransitions">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>西美品牌策划</title>
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<link rel="shortcut icon" href="/images/mlb_ico.png"/>
		<meta name="renderer" content="webkit"> 
		<meta name="keywords" content="西美品牌策划">
		<meta name="description" content="西美品牌策划">
		<meta name="viewport" content="target-densitydpi=device-dpi,width=420,user-scalable=0">
		<link rel="stylesheet" type="text/css" href="/css/style.css">
		<link rel="stylesheet" type="text/css" href="/css/main.css">
		<style type="text/css">
	  		.prd_name {
	  			background: url(../images/pro_bbg.jpg) no-repeat;
	  			background-size:100% 100%;
	  			background-attachment:fixed;
	  			width:100%;
	  			padding-left: 0px;
	  			height: 120px;
	  		}

	  		.workList02 {
	  			display: flex;
	  			-webkit-box-pack:left;
	  			justify-content: left;
	  			flex-wrap: wrap;
	  		}

	  		.work02 {
	  			flex-basis: 33%;
	  			/*margin: .65%;*/
	  			margin:0px;
	  			display: block;
	  		}

	  		.work02 img {
	  			width:100%;
	  			vertical-align: middle;
	  			border-style: none;
	  		}

	  	</style>
		<script type="text/javascript" language="javascript" src="/js/css3-mediaqueries.js"></script>
		<script type="text/javascript" language="javascript" src="/js/jquery-1.8.0.min.js"></script>
		<script type="text/javascript" src="/js/jquery.bxSlider.min.js"></script>
		<script type="text/javascript" src="/js/jquery.isotope.min.js"></script>
		<script type="text/javascript" src="/js/jquery.SuperSlide.2.1.1.js"></script>

		<!--[if lte IE 6]>
		<script src="http://www.hibona.cn/statics/js/png.js" type="text/javascript"></script>
		    <script type="text/javascript">
		        DD_belatedPNG.fix('div, ul, img, li, input , a');
		    </script>
		<![endif]--> 

		<script type="text/javascript">
			$(function(){
				$('.workList,.footMenu').isotope({
				  // options
				  itemSelector : 'li',
				  layoutMode : 'fitRows'
				});
				$('.workList li').hover(function(){
					
					$(this).find(".mask").css({opacity:0});
					$(this).find(".mask").show();
					$(this).find(".mask").animate({opacity:1}); 
				},function(){
					
					$(this).find(".mask").animate({opacity:0}); 
				});
				$(window).bind("resize", resize);
				function resize(){
					var $headWidth = $(window).width()>1000?$(window).width():1000;
					var $itemWidth=368;
					var $wrapperWidth=$itemWidth*parseInt(($(window).width()-10)/$itemWidth);
					$(".jvzhongdd").css({width:$headWidth});
					$(".jvzhongdd,.wrapper,.ind_ff,.footer,.foot_bb").css({width:$wrapperWidth,margin:"auto"});

				}
				resize();
				
				var slider1=$("#bigImg ul").bxSlider({controls:false,auto:true,pause:6000,mode:'fade',randomStart:true});
				
				
			});

			$(function(){
				 function dropNav(){
				var $btn=$(".nav_img"),
					$Mn=$(".nav_u_down2"),
					$true=true;
					$Mn.fadeOut();	
					
					$btn.bind("click",function (e){
						if($true){
							$Mn.fadeIn();
							$true=false;
						}else{
							$Mn.fadeOut();
							$true=true;
						}
						e.preventDefault();
						return false;
					});
					$Mn.bind("click" ,function (e){
						$Mn.fadeIn();
						$true=false;
						e.stopPropagation();
					});
					$(document).bind("click" ,function (){
						$Mn.fadeOut();
						$true=true;
					});
				};
				$(function (){
					dropNav();	
				});
		 
			})
	
			/*下拉导航*/
			$(function(){
				/*============================
				@author:flc
				@time:2014-02-11 18:16:09
				@qq:3407725
				============================*/
				$(".select").each(function(){
					var s=$(this);
					var z=parseInt(s.css("z-index"));
					var dt=$(this).children("dt");
					var dd=$(this).children("dd");
					var _show=function(){dd.slideDown(200);dt.addClass("cur");s.css("z-index",999);};   //展开效果
					var _hide=function(){dd.slideUp(200);dt.removeClass("cur");s.css("z-index",999);};    //关闭效果
					dt.click(function(){dd.is(":hidden")?_show():_hide();});
					dd.find("a").click(function(){dt.html($(this).html());_hide();});     //选择效果（如需要传值，可自定义参数，在此处返回对应的“value”值 ）
					$("body").click(function(i){ !$(i.target).parents(".select").first().is(s) ? _hide():"";});
				})
			})

		</script>
		<script>
		    
		</script>
	</head>
	<body>
		<div style="width:100%">
			<?php include 'header.php';?>
			<script id="jsID" type="text/javascript">
				jQuery("#nav").slide({ type:"menu", titCell:".nLi", targetCell:".sub",effect:"slideDown",delayTime:300,triggerTime:0,defaultPlay:false,returnDefault:true});
			</script>
			<div class="banner_anli" style=" background-image:url(./images/anli_banner.jpg);"></div>
			<script type="text/javascript">
				jQuery(".banner_Box").slide({mainCell:".bd ul",autoPlay:true});
			</script>
			<div class="ind_main_box">
				<div class="slideTxtBox">
					<div class="wrapper" style="width: 1840px; margin: auto;">
						<?php include 'cate.php';?>
						
						<?php 
							$works = array();
							$dbNav = new DB();
							$sql = "select id, name, name_cn, name_en, image_url from mz_work where state='1' order by order_num ";
							$stmtNav = $dbNav -> prepare($sql);
							// 处理打算执行的SQL命令
							$stmtNav->execute();
							// 执行SQL语句
							$stmtNav->store_result();
							// 输出查询的记录个数
						    $stmtNav->bind_result($id, $name, $nameCn, $nameEn, $imageUrl);
							while ($stmtNav->fetch())
						    {
						    	$tmpArr = array();
						    	$tmpArr['id'] = $id;
						    	$tmpArr['name'] = $name;
						    	$tmpArr['nameCn'] = $nameCn;
						    	$tmpArr['nameEn'] = $nameEn;
						    	$tmpArr['imageUrl'] = $imageUrl;
						    	$works[] = $tmpArr;
						    } 
						?>
        				<div class="workList02">
        					<?php for($i=0; $i<count($works);$i++) { ?>
							<div class="work02">						
								<a href="/detail.php?id=<?php echo $works[$i]['id'] ?>" target="_blank">
									<img src="<?php echo $works[$i]['imageUrl'] ?>" style="width:100%;vertical-align: middle;border-style: none;" alt="<?php echo $works[$i]['nameCn'] ?>">
									<div class="prd_name"> 
										<strong class="e_name" style="padding:5px 10px"><?php echo $works[$i]['name'] ?></strong>
										<p class="cn_name" style="padding:5px 10px"> <?php echo $works[$i]['nameCn'] ?> </p>
										<p class="en_name" style="padding:5px 10px"> <?php echo $works[$i]['nameEn'] ?> </p>
									</div>
								</a> 
							</div>
							<?php } ?>			

						</div>
					</div>
				</div>
				<div class="blank6"></div>
				<div id="pages" class="text-c"></div>
				<div class="blank6"></div>
			</div>
			<div class="foot_news">
				<div class="footer" style="width: 1840px; margin: auto;">
					<ul class="footMenu isotope" style="position: relative; overflow: hidden; height: 358px;">
						<li class="isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(1472px, 0px, 0px);">
							<div class="fHead">
								<a class="txtCn" style="display:block;" href="http://www.hibona.cn/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=35">CONNECTION</a>
							</div>
							<div class="fBody">
								<p>地址 : 济南市民生大街22号三箭银苑B座17层<br>
									电话 :（0531）82862665 / 58560791 </p>
								<div class="f_erv"><img src="./images/weixin_contact.jpg" width="256" alt=""></div>
							</div>
							<div class="clear"></div>
						</li>
					</ul>
					<div class="clear"></div>
				</div>
				<div class="foot_bottom_b"> 
					<a href="/works.php#" class="fh_s"></a>
				</div>
			</div>
		</div>
		<?php include './common/foot01.html';?>
	</body>
</html>